@CHARSET "UTF-8";

/* Custom fonts */
@font-face {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 400;
	src: local('Karla'), local('Karla-Regular'), url('./Karla.woff') format('woff');
}
@font-face {
	font-family: 'Karla';
	font-style: normal;
	font-weight: 700;
	src: local('Karla Bold'), local('Karla-Bold'), url('./Karla-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Karla';
	font-style: italic;
	font-weight: 400;
	src: local('Karla Italic'), local('Karla-Italic'), url('./Karla-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Karla';
	font-style: italic;
	font-weight: 700;
	src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url('./Karla-BoldItalic.woff') format('woff');
}

/* General */
* {
	padding: 0;
	margin: 0;
}

body {
	color: #363636;
	font: 13px 'Karla', Calibri, sans-serif;
	background: url(../images/navigation_background.png) repeat-y 0 0;
}

img {
	border: 0;
}

ul {
	list-style: none;
}

.hidden {
	display: none;
}

/* Structure and Layout */
header {
	height: 156px;
	background: url(../images/header_background.png) repeat-x 0 0;
}
header h2 {
	width: 372px;
	height: 90px;
	background: url(../images/header_logo.png) no-repeat 0 0;
	position: absolute;
	top: 19px;
	left: 25px;
}

nav {
	width: 199px;
	padding: 20px;
	float: left;
}
nav h3, h1 {
	font-size: 17px;
	margin: 0 0 10px;
	text-shadow: 0 0 8px #303030;
}
nav h4 {
	font-size: 13px;
	font-weight: normal;
}
nav ul li {
	padding: 20px 0 0;
}
nav ul li ul li {
	padding: 15px 0 0 25px;
}

section {
	padding: 20px;
	margin: 0 0 0 240px;
}
section h1 {
	margin: 0 0 30px;
	line-height: normal;

}
section p {
	margin: -2px 0 0;
	line-height: 20px;
}

footer {
	clear: left;
}